<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>进行easyui练习</title>
<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
<!-- 导入easyui类库 -->
<script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script>
<link id="easyuiTheme" rel="stylesheet" type="text/css"
	href="../js/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="../js/easyui/themes/icon.css">
<script src="../js/easyui/locale/easyui-lang-zh_CN.js"
	type="text/javascript"></script>
<!-- 引入ztree -->
<script src="../js/ztree/jquery.ztree.all-3.5.js" type="text/javascript"
	charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="../js/ztree/zTreeStyle.css" />
<script type="text/javascript">
	$(function() {
		$('#p').progressbar({ value: 60});
		var value = $('#p').progressbar('getValue'); 
		if (value < 100) {
			value += Math.floor(Math.random() * 10);
			$('#p').progressbar('setValue', value);
		}
	});
</script>


</head>
<body>

	<div id="p" style="width: 400px;"></div>

</body>


</html>
